<template>
  <div>
    <!-- <headerTitle title="码号跟踪"></headerTitle> -->
    <div class="warpper">
      <el-tabs v-model="activeName">
        <el-tab-pane :label="item.label" :name="item.name" v-for="item in tabs" :key="item.name"></el-tab-pane>
        <div class="body-content">
          <transition name="fade-transform" mode="out-in">
            <keep-alive>
              <component :is="activeName"></component>
            </keep-alive>
          </transition>
        </div>
      </el-tabs>

    </div>
  </div>
</template>

<script>
import tabMonth from "./components/tabMonth.vue";
import tabDay from "./components/tabDay.vue";
export default {
  components: {
    tabMonth,
    tabDay,
  },
  data() {
    return {
      activeName: "tabMonth",
      tabs: [
        {
          label: "月跟踪",
          name: "tabMonth",
        },
        {
          label: "日跟踪",
          name: "tabDay",
        },
      ],
    };
  },
};
</script>

<style>
</style>